<template>
      <div>
            <el-breadcrumb separator-class="el-icon-arrow-right">
                  <el-breadcrumb-item>系统管理</el-breadcrumb-item>
                  <el-breadcrumb-item>角色管理</el-breadcrumb-item>
            </el-breadcrumb>
            <el-button @click="add" plain class="add" type="primary" size="small">添加</el-button>
            <pCon @peoedit="pedit" />
            <pTost :isshow="isshow" @isshow="esc" ref="people"  :isedit='isedit'/>
      </div>
</template>

<script>
import pCon from '../components/setpeople/content.vue'
import pTost from '../components/setpeople/tost.vue'
export default {
      data() {
            return {
                  isshow: false,
                  isedit:false
            };
      },
      methods: {
            esc(e) {
                  // console.log(e, 'eeeeeeeeeeeeeeeeee');
                  this.isshow = e
            },
            add(){
                  this.isshow = true
                  this.isedit=false;
            },
            pedit(e){
                  // console.log(e,'id');
                  this.isshow=true;
                  this.isedit=true;
                  // console.log( this.$refs.people.lookup);
                  this.$refs.people.lookup(e)
            }
      },
      components: {
            pCon,
            pTost
      },
}
</script>

<style scoped>
.add {
      margin: 6px 0px;
}
</style>
